<template>
  <el-row style="height:40vh;width:100vw;" type="flex" justify="center">
      <div style="height: 30%;">
        <p style="left: 61px;
height: 20px;
color: rgba(16, 16, 16, 1);
font-size: 14px;
text-align: left;
font-family: PingFangSC-regular;
margin-top: 46px;">服务器</p>
        <el-input style="width: 240px;margin-top: 28px;" placeholder="10.99.34.134" />
        <p style="left: 61px;
height: 20px;
color: rgba(16, 16, 16, 1);
font-size: 14px;
text-align: left;
font-family: PingFangSC-regular;
margin-top: 46px;">端口</p>
        <el-input style="width: 240px;margin-top: 28px;" placeholder="3000" />
      </div>
  </el-row>
  <el-row style="height:20vh;width:100vw;" type="flex" justify="center">
      <div>
        <el-button>测试连接</el-button>
      </div>
  </el-row>
  <el-row style="height:40vh;width:100vw;" type="flex" justify="center">
      <div>
        <el-button>编辑本地端口</el-button>
        <el-button>完成</el-button>
      </div>
  </el-row>
</template>

<script setup lang="ts">


import { ref } from 'vue'
const val1 = ref('')
const val2 = ref('')


</script>
<style scoped></style>
